<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN"
"http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
	xmlns:ui="http://java.sun.com/jsf/facelets"
	xmlns:h="http://java.sun.com/jsf/html"
	xmlns:f="http://java.sun.com/jsf/core"
	xmlns:p="http://primefaces.org/ui">

<h:head>
</h:head>

<h:body>

<ui:composition template="/templates/Plantilla.xhtml">
	<ui:define name="content">			
		<h:form class="form" id="form">
		<p:panel header="Paso 2">
		<p:growl id="growl1" />

	     	<p:tabView id="tabView">
				<p:tab  title="Productos" >
					<h:outputText value="Seleccione los Producto que desea asignar"/>	
					<p:separator/>
					
					<p:dataTable id="tblProductos"	value="#{sujetoResidencialEdit.listaProductoPrecio}"
						var="p" paginator="true" rows="10" rowKey="#{p.productoId}"
						selection="#{sujetoResidencialEdit.productosSeleccionados1}">  			
			  			
			  			<f:facet name="header">Productos Disponibles</f:facet> 
						
						<p:column selectionMode="multiple">
						</p:column>

			  			<p:column sortBy="#{p.nombre}">
			  				<f:facet name="header">Nombre</f:facet>
			  				#{p.nombre}
			  			</p:column>
			
			  			<p:column>
			  				<f:facet name="header">Precio</f:facet>
			  				#{p.precio}
			  			</p:column>
			  			
			  			<p:column >
			  				<f:facet name="header">Tipo</f:facet>
			  				#{p.tipoProducto.nombre}
			  			</p:column>
			  			
					</p:dataTable>
				</p:tab>
				<p:tab title="Packs" >
					<p:panel header = "Packs" >
						<h:panelGrid columns="2" columnClasses="label, value" styleClass="grid">
						
							<h:outputText value="Packs: *"/>
							<p:selectOneMenu id="pack" value="#{sujetoResidencialEdit.comPack.pack.packId}" label="Packs">
					            <f:selectItem itemLabel="No Selecciono Pack..." itemValue="0" />  
					            <f:selectItems value="#{selectOneMany.getPacks()}" var="p" 
									itemLabel="#{p.nombre}" 
									itemValue="#{p.packId}">
								</f:selectItems>  
					        </p:selectOneMenu>
							
							<h:outputText value="Cantidad de Packs: *"/>
							 <p:spinner id="spinnerBasic" value="#{sujetoResidencialEdit.comPack.cantidadPack}" min="1" />  
							
						</h:panelGrid>
					</p:panel>
					
					<p:separator/>
					<br></br>
				   <p:dataTable id="tblFrioCalor1" value="#{sujetoResidencialEdit.listaFrioCalor}"
							var="fc" rowKey="#{fc.frioCalorId}" selectionMode="single"
							selection="#{sujetoResidencialEdit.frioCalorSeleccionado}"
							paginator="true" rows="10" >  			
				 			
				 		<f:facet name="header">Frio Calor Disponibles</f:facet>
						
						<p:ajax event="rowSelect" listener="#{sujetoResidencialEdit.onRowSelect}"
                   			 oncomplete="carDialog.show()" update=":form:tabView:displays"/>

	
						<p:column headerText="Serie Nº" sortBy="#{fc.numeroDeSerie}">
							#{fc.numeroDeSerie}
						</p:column>
				
						<p:column headerText="Marca">
							<f:facet name="header">Marca</f:facet>
							#{fc.marca}
						</p:column>
						
						<p:column headerText="Modelo">
							#{fc.modelo}
						</p:column>
					</p:dataTable>
					
					<p:dialog id="dialog1" header="Ingrese la Ubicacion del equipo Frio Calor" widgetVar="carDialog" resizable="false"> 
					       <h:panelGrid id="displays" columns="2" cellpadding="4">  

 								<h:outputText value="Numero de Serie" />  
					            <h:outputText id="inputNumeroDeSerie" value="#{sujetoResidencialEdit.frioCalorSeleccionado.numeroDeSerie}" />

								<h:outputText value="Marca" />  
					            <h:outputText id="inputMarca" value="#{sujetoResidencialEdit.frioCalorSeleccionado.marca}" />

					            <h:outputText value="Ubicacion" />  
					           
					  			<p:inputTextarea id="inputObservacion" value="#{sujetoResidencialEdit.ubicacion}" autocomplete="off"/>
					       </h:panelGrid>  
					          <br></br>
					       <p:commandButton id="confirm" value="Agregar" oncomplete="dialog1.hide()"  
					                    actionListener="#{sujetoResidencialEdit.agregarEquipo()}" update="tblFrioCalor1" ajax="false"/>  
					</p:dialog>  
					
					<br></br>
					
					<p:dataTable id="tblFrioCalor11" value="#{sujetoResidencialEdit.listaFrioCalorSeleccionados}"
							var="fcc" rows="10"  >  			
				 			
				 		<f:facet name="header">Frio Calor Seleccionados</f:facet>
	
						<p:column headerText="Serie Nº" sortBy="#{fcc.numeroDeSerie}">
							#{fcc.numeroDeSerie}
						</p:column>
						
						<p:column headerText="Marca">
							<f:facet name="header">Marca</f:facet>
							#{fcc.marca}
						</p:column>
						
						<p:column headerText="Modelo">
							#{fcc.modelo}
						</p:column>
						
						<p:column headerText="Ubicacion">
							#{fcc.ubicacion}
						</p:column>
						<p:column style="width:4%"> 
                			<p:commandLink  id="selectButton" update="tblFrioCalor11"  
                								 actionListener="#{sujetoResidencialEdit.quitarEquipoListener(fcc)}" ajax= "false">  
                					<p:graphicImage value="#{resource['images:cross-16-ns.png']}"/>	
           
            				</p:commandLink>  
						</p:column> 
					</p:dataTable>
					
				</p:tab>
			</p:tabView>
			<p:panel style = "text-align:center">
				<p:commandButton value="Atras" action="#{sujetoResidencialEdit.cancelarEdit}" ajax="false" immediate="true"/>
				<p:commandButton value="Modificar Productos y Packs Asignados" action="#{sujetoResidencialEdit.confirmEditPackProductos}" ajax="false" />

			</p:panel>   	
		</p:panel>	    		
		</h:form>        	        	        	        
	</ui:define>
	
</ui:composition>
	
</h:body>
</html>